节点错误无法读取未定义的属性“ resolve”
我正在使用reactjs并且无法使用安装任何软件包npm install。我收到的错误消息是：npm ERR! Cannot read property 'resolve' of undefinednpm ERR! A complete log of this run can be found in:npm ERR! /home/stash/.npm/_logs/2019-03-11T10_07_30_264Z-debug.log当我这样做时npm install -verbose：npm info...
2024-01-10
java读取es的的double值类型问题?
es：7.3版本；添加索引，设置的映射price字段是double类型。插入的数据值是1999，但是利用java客户端查询时候，发现读取到的是Integer类型，又测试了一下将1999改成1999.89，这样的话，java读取出来是double类型，感觉很奇怪，明明我已经强制设置了字段的映射类型，为什么读取出来的还是别的类型呢？如果这样的话，建表的时候映射还有什么用呢？最主要的是 ，Java读取之...
2024-03-07Node.js dns.resolve（）与dns.lookup（）
我需要在Node.js中查找给定主机到其对应的IP。似乎有两种本机方法可以执行此操作：> dns.resolve('google.com', (error, addresses) => { console.error(error); console.log(addresses); });QueryReqWrap { bindingName: 'queryA', callback: { [Function: asyncCallback] immediately: true }, hostname: 'g...
2024-01-10three.js欧拉角和四元数的使用方法
前言这篇郭先生就来说说欧拉角和四元数，欧拉角和四元数的优缺点是老生常谈的话题了，使用条件我就不多说了，我只说一下使用方法。1. 欧拉角（Euler）欧拉角描述一个旋转变换，通过指定轴顺序和其各个轴向上的指定旋转角度来旋转一个物体。下面我们开看看它的方法1. set( x: number, y: number, z: ...
2024-01-10Vue.js中如何实现filters的复用？
例:文字超长后的(ellipsis)省略号, 金额后的(unit)货币单位, 百分比数字后的(percent)百分号?求解:vue.js 2有什么复用方案可用?回答：可以挂载到全局 Vue.filter | API — Vue.js。用法如下：Vue.filter('NumberFormat', function (value) { if (!value) { return '0'...
2024-03-07Three.js - 使用不需要光源的材料加载模型
我目前使用Three.js，版本71。我首先使用搅拌器创建我的模型，然后将它们导出为JSON文件。然后我用THREE.JSONLoader使用加载模型到我的场景如下：Three.js - 使用不需要光源的材料加载模型this.jsonLoader.load(pathToModelFile, function(geometry, materials) { //... }); 的材料列表仅包含THREE.MeshPhongMaterial索引0这种物质...
2024-01-10three.js加载obj模型的实例代码
three.js是一款webGL框架，由于其易用性被广泛应用。如果你要学习webGL，抛弃那些复杂的原生接口从这款框架入手是一个不错的选择。好了，下面通过一段代码给大家介绍three.js加载obj模型，具体代码如下所示：<!DOCTYPE html><html> <head> <script type="text/javascript" src="libs/three.js"></script> <script type="text/ja...
2024-01-10
微信小游戏中three.js离屏画布的示例代码
国庆8天长假，重庆之行因故未成，偶得闲，用three.js结合cannon.js写个3D小游戏耍耍。在微信小游戏中，把three.js的3D内容在离屏画布处理，然后复制到在屏画布，方法是：let c_toolbarHeight=140; let sysInfo=wx.getSystemInfoSync();require('./js/libs/weapp-adapter.js');var canvas_webGL=window.canvas;canvas_webGL.width = sysInfo.scre...
2024-01-10
关于three.js线上展馆
我想写一个类似于这个线上展馆一样的页面：我目前实现了房间场景的搭建：四面是围墙，中间也是几面墙很粗燥，大牛们别介意，现在的问题是，怎么让图画出现自动出现在紧贴墙壁的位置？？我自己所能掌握的知识就是一个一个的确定每一个画框的三维位置，把所有三维位置写成一个数组，再通过...
2024-01-10three.js 将图片马赛克化的示例代码
这篇郭先生来说说BufferGeometry，类型化数组和粒子系统的使用，并且让图片有马赛克效果（同理可以让不清晰的图片清晰化），如图所示1. 解析图片解析图片和上一篇一样initCanvas() { canvas = document.createElement('canvas'); content = canvas.getContext('2d'); canvas.width = 1600; canvas.height = 1200; img = new Image(); img...
2024-01-10
three.js着色器材质的内置变量示例详解
什么是着色器？固定渲染管线： ——标准的几何&光照(T&L)管线，功能是固定的，它控制着世界、视、投影变换及固定光照控制和纹理混合。T&L管线可以被渲染状态控制，矩阵，光照和采制参数。如果有了固定渲染管线，编写程序就比较容易了，因为所有的变换都是由固定渲染管线来完成的，但是缺点...
2024-01-10
vue中使用raphael.js实现地图绘制
一、效果图二、在vue中引入raphael.jsnpm i raphael -S三、封装一个名为StreetMap的组件，代码如下 1 <template> 2 <div> 3 <div id='streetMap'> 4 <div class="tips" v-show="tipsShow" :style="tipsStyle"> 5 <span v-html="tipsContent"></span> 6 </div> 7 </d...
2024-01-10在node.js中解决承诺之前，then（）回调触发
使用node.js版本7.7.2，我要执行一个异步函数，然后在第一个函数完成后执行另一个函数，如下所示：function foo() { return new Promise(function(resolve, reject) { // Do some async stuff console.log('foo is about to resolve'); resolve(); });}function bar(arg) { console.log(arg);}foo().then(b...
2024-01-10
vue网络请求方案原生网络请求和js网络请求库
一、 原生网络请求1. XMLHttpRequest（w3c标准） // 没有promise时的产物当时的万物皆回调，太麻烦2. Fetch // html5提供的对象，基于promise 因为promise的存在，为了简化网络请求。使用 Fetch - Web API 接口参考 | MDNFetch是新的ajax解决方案 Fetch会返回Promise对象。fetch不是ajax的进一步封装，而是原生js，没...
2024-01-10
【JS】vue与jquey
vue与jqueyjQuery是使用选择器（$）选取DOM对象，对其进行赋值、取值、事件绑定等操作，其实和原生的HTML的区别只在于可以更方便的选取和操作DOM对象，而数据和界面是在一起的。比如需要获取label标签的内容：$("lable").val();,它还是依赖DOM元素的值。 Vue则是通过Vue对象将数据和View完全分离开来了。对...
2024-01-10
vue+js实现视频淡入淡出效果
vue+js实现视频的淡入淡出，供大家参考，具体内容如下一个简单的视频淡入淡出效果如图小编直接上代码了有兴趣可以拷贝运行一下，谢谢<template> <div class="video-css"> <div class="videocss" ref="videodom" style="background-color:black;"> <video width="100%" ref="play" style="opacity: 1" :src="videoSrc2"></video> ...
2024-01-10
js节流防抖应用场景,以及在vue中节流防抖的具体实现操作
故事背景：项目有个需求是输入框在输入的时候进行搜索，展示下拉数据，但是没必要输入一个字都进行搜索，所以想到了在输入结束200毫秒后再进行搜索，从而引出来了 js的节流(throttle)，防抖（debounce），在网上想找个现成的用下，但是好多都不对，于是就自己搞了。先看看概念函数防抖(debounce)...
2024-01-10vue3导入js文件，浏览器控制台报错？
报错信息：get-page-title.js:1 Uncaught SyntaxError: The requested module '/src/settings.js' does not provide an export named 'default' (at get-page-title.js:1:8)代码片段import defaultSettings from '@/settings...
2024-03-10
js上传文件的完整写法(本地用的是vue的环境)
js上传文件的完整写法(本地用的是vue的环境)1.在项目中经常会用到需要上传头像,附件的地方,那么我们如何进行上传呢,今天跟大家分享一下,来自项目中的一些上传文件的个人总结2.首先我们需要在页面中使用一个 input 按钮,并将它的type属性设置为’file’,关于上传按钮美化的操作,我已经在上一篇博客...
2024-01-10
vue解决sockjs报错
打开node_modules -》 sockjs_client -》 dist -》 sockjs.js 找到1606行左右，将self.xhr.send(payload);注释掉一般开发的时候不要注释掉，打包的时候再注释，因为注释掉以后就不能热加载了 ...
2024-01-10
vue jsx方式渲染问题
父组件 hello.js 子组件不管怎么调用父组件传通过props传过来的render 都会报vue.runtime.esm.js?2b0e:1888 ReferenceError: h is not defined已经测试过的代码// 1.第一种， 这种方式需要在父组件内接受一个 “h”作为参数，其实并不想接受这个参数，因为父组件render直接返回的是一个 节点形式比如<div></div>const Vnode = Vu...
2024-01-10vue/js，如何将下面的代码简洁化？
let resultText;if(msgData.data === 0){ resultText = "苹果" }if(msgData.data === 1){ resultText = "香蕉" }if(msgData.data === 2){ resultText = "梨子" }如上所示，小弟先谢谢各位大神的解答！回答：const fruits=...
2024-03-08vuejs移动端实现div拖拽移动
vue移动端实现div拖拽移动，供大家参考，具体内容如下本文讲述，在使用VUE的移动端实现类似于iPhone的悬浮窗的效果。相关知识点touchstart 当在屏幕上按下手指时触发touchmove 当在屏幕上移动手指时触发touchend 当在屏幕上抬起手指时触发mousedown mousemove mouseup对应的是PC端的事件touchcancel 当一些更高...
2024-01-10![【JS】[vue] 理解.sync](/wp-content/uploads/2021/01/1460000038813054.png)
【JS】[vue] 理解.sync
考虑以下两个父子组件：// 父组件{template: `<div><p>I'm parent</p><p>parentCount: {{parentCount}}</p><child v-bind:childCount="parentCount"></child></div>`,data() {return {parentCount: 1}},}// 子组件{template:`<div><p>I'm child</p><p>childCount: {{childCount}}</p><button @c...
2024-01-10
cordova + vue.js2
然后把cordova项目下www中的index.html这几个复制到vue项目下的index.html中，vue项目中index.html效果如下然后在vue项目下的config下的index.js中的build:修改，修改后的效果这样就修改好了，随后开始打包，先导航到vue项目目录下输入npm run build再输入cordova build android（android是应用程序平台，看你的是什么平台...
2024-01-10
聊聊vue 中的v-on参数问题
vue中v-on:clock的使用最近在学习vue.js框架。记下其中遇到的一些问题，以便以后查阅。首先，这是一个页面(为了便于观察，将各个标签都一一着色)：其中html代码：<div class="groupbody "> <ul class="list "> <li v-for="cell in todo.groupbody " class="pagegroupcell " v-on:click="exchange($event)"> <div class="pagecellte...
2024-01-10浅谈Vue.js中的v-on(事件处理)
Vue.js的事件处理监听事件我们可以用 v-on 指令监听 DOM 事件来触发一些 JavaScript 代码。<div class="box"> {{msg}} <input type="button" value="按钮" v-on:click="msg+=1"/></div>var vm = new Vue({ el:".box", data:{ msg:1 },})结果方法事件处理器许多事件处理的逻辑都很复杂，所以直接把 JavaScript 代码写在 v-on 指令...
2024-01-10
vue 修改值后dom不及时更新
在watch 修改监听的值，修改后dom 没有更新这个值传入 子组件，子组件也监听不到这次改变回答：监听后赋值，会导致死循环吧》。回答：我没这么写过，你这么写，最后一行赋值，不会再次触发watch吗？回答：为什么不在传参的时候在对这个数据进行处理回答：重置下formData 加一句，this.formData = {...this.formData}回答：监听input的事件<el-in...
2024-03-02
vue再页面渲染json数据时没有显示
对象点属性不能获取数据。原因:在创建数据对象时我使用了k,v方式：tempMap['category '] = this.category[i].label如果在创建数据时使用的k,v方式，那么在页面渲染数据时用 item['category ']的方式获取，如果用点属性的方式创...
2024-01-10
vue.js npm安装图解
首先理清nodejs和npm的关系：node.js是javascript的一种运行环境，是对Google V8引擎进行的封装。是一个服务器端的javascript的解释器。包含关系，nodejs中含有npm，比如说你安装好nodejs，你打开cmd输入npm -v会发现出啊线npm的版本号，说明npm已经安装好。引用大神的总结:其实npm是nodejs的包管理器（package manager...
2024-01-10
node vue
Jinkey原创感谢 showonne、yubang 技术指导Demo 地址:http://demo.jinkey.io/vue2源码:https://github.com/Jinkeycode/vue2-exampleVue2 教程：https://www.runoob.com/vue2/vue-tutorial.html什么是 VueVue 是一个前端框架，特点是数据绑定比如你改变一个输入框 Input 标签的值，会自动同步更新到页面上其他绑定该输入框的组件的值...
2024-01-10
js 彻底搞懂事件循环机制 Event Loop
我们都知道JavaScript是单线程语言,就是因为单线程的特性，就不得不提js中的同步和异步一、同步和异步所谓单线程，无非就是同步队列和异步队列，js代码是自上向下执行的，在主线程中立即执行的就是同步任务，比如简单的逻辑操作及函数，而异步任务不会立马立马执行，会挪步放到到异步队列中...
2024-01-10
vue3 做地图下钻动态引入json是我的写法不对吗
const json = import.meta.glob(`./tab/json/**.json`) as any; const modules = {}; for (const key in json) { console.log((await await json[key]()).default); let key...
2024-03-14
